
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>趣味计算器</title>
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="css/calculator.css">  
</head>
<body>
<div class="calculator" id="calculator">
    <form action="" name="calculator" method="get">
        <div class="calc-screen">
            <!-- 输出的运算结果 -->
            <p class="calc-out" id="calc-out"></p>
            <!-- 输入的数据 -->
            <p class="calc-in" id="calc-in"></p>
        </div>
        <div class="calc-btn" id="calc-btn">
            <table>

                <tr>
                    <td class="bc"id="mc">mc</td>
                    <td class="bc" id="m+">m+</td>
                    <td class="bc" id="m-">m-</td>
                    <td class="bc" id="mr">mr</td>
                </tr>

                <tr>
                    <td class="fcg bc" onclick="clearScreen()">c</td>
                    <td class="fcg bc" onclick="command('÷')">÷</td>
                    <td class="fcg bc" onclick="command('×')">×</td>
                    <td class="del bc" onclick="del()"></td>
                </tr>
                <tr>
                    <td onclick="command(7)">7</td>
                    <td onclick="command(8)">8</td>
                    <td onclick="command(9)">9</td>
                    <td class="fcg bc" onclick="command('-')">-</td>
                </tr>
                <tr>
                    <td onclick="command(4)">4</td>
                    <td onclick="command(5)">5</td>
                    <td onclick="command(6)">6</td>
                    <td class="fcg bc" onclick="command('+')">+</td>
                </tr>
                <tr>
                    <td onclick="command(1)">1</td>
                    <td onclick="command(2)">2</td>
                    <td onclick="command(3)">3</td>
                    <td rowspan="2" style="color: #fff;background-color: #00ACC2" class="eq" onclick="calc()">=</td>
                </tr>
                <tr>
                    <td onclick="command('%')">%</td>
                    <td onclick="command(0)">0</td>
                    <td onclick="command('.')">.</td>
                </tr>
            </table>
        </div>
    </form>
</div>

<script src="js/calculator.js"></script>
</body>
</html>